/***
* @author: Nonlinear_fish
* @date:2025-02-15.17:29
* @description:该模块为一个展示新发布的比赛的列表，包括一些基本信息但要少于contestDetail，
*/
<script setup>
</script>

<template>
  <div >
    <div class="title">
      <h1 style="margin-top: 0; margin-bottom: 0;">title</h1>
    </div>
    <div class="detailLess" >
      <a-card :bordered="false" style=" width: 0.5rem; margin: 0; background-color: #48535F"></a-card>
      <div class="card">
        <p>Card content</p>
        <p>Card content</p>
        <p>Card content</p>
        <p>Card content</p>
        <p>Card content</p>
      </div>
    </div>
  </div>
</template>

<style scoped>
.title{
  text-align: left;
  color: #9AA4B1;
  font-size: 1.5rem;
}
.detailLess {
  width: 100%;
  margin: 0.2rem;
  display: flex;

  .card{
    border-radius: 10px;
    padding: 2%;
    width: 95%;
    text-align: left;
    color: #9AA4B1;
  }
}
</style>